<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/weui.min.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<title>嘉华金融</title>
</head>
<body>
	<div>
		<div class="header">
			<div><div class="back"></div></div>
			<div>银行卡</div>
			<div><div class="user-img"></div></div>
		</div>
		<div class="main">
			<div class="bank-card-wrap">
				<div class="bank-card">
					<div>
						<div class="left">建设银行</div>
						<div class="right gar"></div>
					</div>
					<div>储蓄卡</div>
					<div>
						<div>
							<div class="left">**** **** ****</div>
							<div class="left">&nbsp;3369</div>
						</div>
					</div>
				</div>
				<div class="bank-card">
					<div>
						<div class="left">华夏银行</div>
						<div class="right gar"></div>
					</div>
					<div>储蓄卡</div>
					<div>
						<div>
							<div class="left">**** **** ****</div>
							<div class="left">&nbsp;3369</div>
						</div>
					</div>
				</div>
			</div>
			<a class="add-card border-top border-bottom" href="add-card.html">
				<div>
					<div class="add-img left"></div>
					<div class="left">添加银行卡</div>
				</div>
			</a>
		</div>
	</div>
	<script src="js/jquery-3.2.1.min.js"></script>
	<script>
		//删除银行卡
		$(".gar").on('click',function() {
			$(this).parent().parent().remove();
		})
		//设置银行卡颜色不一样
		// setCardColor()
		// function setCardColor() {
		// 	$('.bank-card').each(function() {
		// 		var R = Math.floor(Math.random() * 100 + 100);
		// 		var G = Math.floor(Math.random() * 100 + 100);
		// 		var B = Math.floor(Math.random() * 100 + 100);
		// 		console.log("rgb("+R+","+G+","+B+")")
		// 		$(this).css('background',"rgba("+R+","+G+","+B+","+"0.9)")
		// 	})
		// }
	</script>
</body>
</html>
